<section>
  <ng-container *ngIf="tagData.data.tagInfo && tagData.data.tagInfo.data ">
    <ul class="tag-ul">
      <li class="tag-li">
        <div class="tag-bg">
          <p class="tag">{{tagData.data.tagInfo.data.tag}}</p>
          <p class="tag-name">{{tagData.data.tagInfo.data.name}}</p>
        </div>
        <div class="sep-line" >
        </div>
      </li>
      <li class="tag-li">
        <div class="tag-bg">
          <p class="tag">{{tagData.data.tagInfo.data.property}}</p>
          <p class="tag-name">{{tagData.data.tagInfo.data.company}}</p>
        </div>
    </ul>
    <div class="sep-item"  [ngStyle]="{'height': tagData.data.tagInfo.marginBottom}" ></div>
  </ng-container>
  <ng-container *ngIf="tagData.data.transactionInfo.data && tagData.data.transactionInfo.data.length > 0">
    <form [formGroup]="formGroup" >
      <List *ngFor="let item of tagData.data.transactionInfo.data, let i=index" >
        
            <div class="item-bg" [ngClass]="{'border': i === 0}">
              <p class="item-label">{{item.label}}</p>
              <div class="input-bg">
                <span class="jointStart" >￥</span>
                <ion-input class="input" type="number" (ionChange)="changeValue($event, item, i)"
                [(ngModel)]="item.value" [maxlength]="item.maxLength" [attr.placeholder]="item.placeHolder"
                [formControlName]="item.formKey"  >
                </ion-input>
  
              </div>
          </div>
        
      </List> 
    </form>
    <div class="item-fixed" *ngIf="tagData.data.transactionInfo.isFixed === 'true'" [innerHTML]="tagData.data.transactionInfo.labInfo" >
    </div>
    <div class="sep-item"  [ngStyle]="{'height': tagData.data.transactionInfo.marginBottom}" ></div>
  </ng-container>
  <ng-container *ngIf="tagData.data.card">
  <div class="card-bg-white">
    <div class="card-bg">
      <img class="card-bg-img" src="assets/icon/{{tagData.data.card.imageBackGroup}}" alt="">
      <div class="card-name-bg">
        <i class="card-icon"></i>
        <p class="card-info-name"> {{tagData.data.card.infoData.name}}</p>
      
      </div>
      <p class="card-label">{{tagData.data.card.label}}</p>

      <div [ngClass]="{'show-process': tagData.data.card.process && tagData.data.card.process.currentPrice.length > 0}">
        <div class="card-process-bg">
          <div class="card-process" [ngStyle]="{'width':process }">
            <!-- <div *ngIf="tagData.data.card.process && tagData.data.card.process.currentPrice.length > 0" class="arrow0">
              <div class="card-value-bg" >{{tagData.data.card.process.currentPrice}}
              </div>
            </div> -->
            <div *ngIf="tagData.data.card.process && tagData.data.card.process.currentPrice.length > 0" class="arrow">
              <div  class="arrow0"><div id="card-value" class="card-value-bg" [ngStyle]="{'left': marginLeft}">{{tagData.data.card.process.currentPrice}} </div></div>
            </div>
          </div>
        </div>
        <div class="card-process-start-end">
          <p class="card-process-start">{{tagData.data.card.process.startValue}}</p>
          <p class="card-process-end">{{tagData.data.card.process.endValue}}</p>
        </div>
      </div>
      
      
      <span class="tip">{{tagData.data.card.bottomText}}</span>
    </div>
  </div>
  </ng-container>
  <!-- <ng-container *ngIf="tagData.data.bottom">
    
        <div id="sigin-pay" class="bottom-bg">
          <p class="bottom-name">{{tagData.data.bottom.name}}</p>
          <p class="bottom-value">{{payMoney}}</p>
          <button [disabled]="tagData.data.bottom.disabled === true || tagData.data.bottom.disabled === 'true'" class="bottom-pay" appDebounceClick (debounceClick)="submit(tagData.data.bottom)">{{tagData.data.bottom.label}}
          </button>
        </div>      
    
  </ng-container> -->
  
  
</section>